@import url('./lib/index.css');
@import url('./lib/migration.scss');
.aie-theme-light{
    width: 100% !important;
}
.aie-theme-light.error_message{
  border:  1px solid #FF5A66!important
}
.CommentManager{
  margin-top: 16px;
  color: rgba(0,0,0, var(--t-color-opacity, /*批量处理透明度,将80%替换为--t-color-opacity*/.8));
  position: relative;
  width: 100%;
}
.CommentManager p{
  padding: 0;
  margin: 0;

}
.CommentManager header{
  display: flex;
  justify-content: left;
  gap: 16px;

}
.CommentManager header > span{
    border-radius: 2px;
    padding: 6px 12px;
    border: 1px solid rgba(0, 0, 0, .32);
    cursor: pointer;
}
.CommentManager header > span.checked{
  background-color: #f0f2f5;
  color: var(--t-color);
}
.CommentManager header > span:hover{
  background-color: #f0f2f5;
  color: var(--t-color);
}
.CommentManager .avatarParent{
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 8px;

}

.CommentManager .avatarParent .avatar{
  overflow: hidden;
  width: 30px;
  height: 30px;
}
.CommentManager .avatarParent i{
  font-style: normal;
  font-size: 12px;
  color: rgba(0,0,0, var(--t-color-opacity, /*批量处理透明度,将80%替换为--t-color-opacity*/.8));
  margin-right: 4px;
}
.CommentManager .avatarParent .difftime{
  color: rgba(0,0,0,.32);
}
.CommentManager .avatarParent .avatar svg,.CommentManager .avatarParent .avatar img{

  width: 30px;
  height: 30px;
}
.CommentManager .reference{

  // text-decoration: underline;
  color: rgba(0, 0, 0, .32);
  font-size: 14px;
  border-bottom: 1px solid rgba(0, 0, 0, .32);padding-bottom: 2px;
  margin-top: 8px;
  cursor: pointer;
  padding: 0;
  font-weight: 600;

  max-width: 80%; /* 容器的宽度 */
  white-space: nowrap; /* 保持文本在一行内 */
  overflow: hidden; /* 隐藏溢出的文本 */
  text-overflow: ellipsis; /* 显示省略号 */
  display: inline-block;
}
.CommentManager .reference:hover{
  color: rgba(0, 0, 0, var(--t-color-opacity, /*批量处理透明度,将80%替换为--t-color-opacity*/.8));
  border-bottom: 1px solid rgba(0, 0, 0, .8);
}
.CommentManagerContent > div{
  margin-top: 16px;
  padding: 0 8px;
}
.CommentManagerContent .commentContetn{
  font-size: 16px;
  color: rgba(0,0,0, var(--t-color-opacity, /*批量处理透明度,将80%替换为--t-color-opacity*/.8));
  white-space: pre-wrap;

  padding-left: 38px;
}
.comment_bottom .operate{
  display: none;
}
.comment_bottom:hover .operate{
  display: flex;
}
.comment_bottom .operate i:hover{
  color:var(--t-color)
}
.CommentManager .draft-editor{
  border-top: 0px !important;
}
.CommentManager #svgAttachment{
  display: none;
}
.CommentManager .draft-content-counting{
  display: none;
}


.tr-editor-readonly:not(.tr-editor-still-show-header) {
  aie-header {
    display: none;
  }
}

.aie-comment-item-header{
  flex-wrap: wrap;
}
// .aie-container .opicat_50{
//   position: relative;
// }
// .aie-container .opicat_50::before {
//   /* background: #5c73e755; */
//   content: "";
//   position: absolute;
//   top: 0;
//   left: 0;
//   right: 0;
//   bottom: 0;
//   background-color: rgba(255, 255, 255, 0.6);
//   z-index: -1;
//   mix-blend-mode: multiply;
// }
// .aie-container .aie-comment-container{
//   height: auto !important;
//   overflow: auto;
// }
.tr-editor-readonly .aie-resize{
  display: none !important;
}
// .tr-editor-readonly .aie-comment-item-reply{
//   display: none !important;
// }
.t-editor_div{
  overflow: hidden;
}
// .tr-editor-readonly .aie-comment-item-close{
//   display: none !important;
// }
